<template>
	<view class="buttom-item">
		<image class="item-icon" :src="src" mode="aspectFill"></image>
		<view class="item-title" :style="{color: isHigh==='true'?'#ff0000':'#9e9e9e'}">{{title}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default () {
					return ""
				}
			},
			src:{
				type: String,
				default () {
					return ""
				}
			},
			isHigh:{
				type: String,
				default () {
					return "false"
				}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.buttom-item {
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		//border: 1px red solid;
		flex-direction: column;
		height: 100%;
		width: auto;

		.item-icon {
			width: 50px;
			height: 50px;
		}

		.item-title {
			font-size: 14px;
			font-weight: bold;
			margin-top: 5px;
		}
	}
</style>
